.listItem{
    height: 40px;
    border-bottom: 1px solid #DDD;
    display: flex;
    align-items: center;
    padding: 0 15px;
    &:hover{
        background: #CCC;
        .del{
            cursor: pointer;
            display: block;
        }
    }
}



.icon{
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
}
.text{
    margin-left: 10px;
    flex: 1;
}
.activeIcon{
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='405.272' height='405.272'%3e%3cpath d='M393.401 124.425L179.603 338.208c-15.832 15.835-41.514 15.835-57.361 0L11.878 227.836c-15.838-15.835-15.838-41.52 0-57.358 15.841-15.841 41.521-15.841 57.355-.006l81.698 81.699L336.037 67.064c15.841-15.841 41.523-15.829 57.358 0 15.835 15.838 15.835 41.514.006 57.361z' fill='%23fff'/%3e%3c/svg%3e")no-repeat center;
    background-color: #4acea3;
    border-color: #38bb90;
    background-size: cover;
}
.del{
    display: none;
}
